@charset "UTF-8";

/*banner */
.indBanner {width: 100%; height: 440px; margin:0 0 10px 0; text-align: center; position: relative; z-index: 0;}
.indBanner .pic {display:flex;justify-content:center;align-items:center;}
.indBanner .con {display: none;}
.indBanner .hd { position: absolute; z-index: 3; width: 100%; font-size: 0; right: 0; bottom: 18px; ; height: 11px; }
.indBanner .hd ul li { display: inline-block;  *display:inline;
zoom: 1; vertical-align: top; margin: 0 4px; width: 11px; height: 11px; border-radius: 11px; line-height: 11px; text-align: center; background: #a5a5a5; cursor: pointer; }
.indBanner .hd ul li.on { background: #0069a1; }
.indBanner .hd ul li span { display: none; }

/*通知公告*/
#Boxtzgg {float: right; width: 29%; height: 320px; overflow: hidden;}

/*学院新闻*/
#Boxxyxw { width: 1160px; height: auto; padding: 20px; background: #fff; border:1px solid #e6e6e6; border-top:1px solid #008cd6; overflow: hidden;}
.focusBox {width: 570px; height: 427px; float: left; margin-bottom: 0; position: relative;}
.focusBox .bd .pic img {width: 570px; height: 427px;}

#BoxNewsOne {width: 570px; float: left; padding-left: 20px;}
#BoxNewsOne .bd li {height: 35px; line-height: 35px;}
#BoxNewsOne .bd li a {font-size: 15px;}

#BoxNews {width: 29%; float: left; height: 320px; overflow: hidden;}
#BoxNews .bd li {height: 34px; line-height: 34px;}
#BoxNews .bd li a {font-size: 15px;}

/*快速链接*/
#BoxLink{float: right; width: 278px; height: 292px;}
#BoxLink li { width:33.3%; height: 100px; float: left; text-align: center;  margin-bottom: 15px; overflow: hidden; }
#BoxLink li a { position: relative; z-index: 1; display: block; width:100%; text-align: center; line-height: 160px;font-size: 15px; }
#BoxLink li i { position: absolute; z-index: 1; left: 32px; top: 20px; width: 34px; height: 34px; float: left; background: url(../../Base/img/icon.png) 0 -150px no-repeat; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
#BoxLink li a:hover  {color: #2c6a9b; font-weight: bold;}
#BoxLink li a:hover i { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
#BoxLink .li2 i { background-position: 0 -150px; }
#BoxLink .li3 i { background-position: 0 -240px; }
#BoxLink .li4 i { background-position: 0 -330px; }
#BoxLink .li1 i { background-position: 0 -414px; }
#BoxLink .li5 i { background-position: 0 -500px; }
#BoxLink .li6 i { background-position: 0 -590px; }


/* 专题首页 -----------------------------------------*/
.spelist { padding: 5px 0; overflow: hidden; }
.spelist ul { overflow: hidden; }
.spelist li { float: left; margin: 0 8px 0 7px; position: relative; }
.spelist li .pic { display: block; width: 371px; height: 125px;  position: relative; z-index: 1; background: #fff; }
.spelist li .pic img { width: 100%; }
.spelist li .tit { display:none; z-index: 2; text-align: center; height: 52px; line-height: 62px; font-size: 18px; position: absolute; left: 2px; bottom: 2px; width: 91%; padding: 0 4%; background: url(../../Base/img/special-picBg.png); color: #fff; overflow: hidden; }
.spelist li .pic:hover { border-color: #bbb; }
.spelist li:hover .itemBg { -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); }

/*图片影像*/
#BoxTpyx { }
#BoxTpyx .list { overflow: hidden; margin-right: -10px; margin-bottom: -10px; }
#BoxTpyx .list li { float: left; margin: 0 11px 10px 0; width: 280px; height: 189px; position: relative; overflow: hidden; }
#BoxTpyx .list .pic img { width: 100%; height: 189px; }

#BoxTpyx .list .title  ,#BoxTpyx .titleBg { position: absolute; bottom: 0; left: 0; width: 100%; display: none; overflow: hidden;line-height: 28px;padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms;-moz-transition: 400ms;transition: 400ms;}
#BoxTpyx .list .titleBg {background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2;}

#BoxTpyx .list .title a {color: #fff; padding: 0 10px; text-align: center; display: block; font-size: 14px;}
#BoxTpyx .list li:hover { border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0;}
#BoxTpyx .list li:hover .title,#BoxTpyx .list li:hover .titleBg {    height: 56px;}

.fixedPositionDiv_5,.fixedPositionDiv_5 .fixedPosition_5{
    width: 100%!important;
}

.fixedPositionDiv_5 a img{width:100%;}

.fixedPositionDiv_5 .fixedCount_5  { position: absolute; z-index: 3; width: 200px!important; font-size: 0; right: 45%!important; bottom: 18px; height: 11px;text-align:center; }
.fixedPositionDiv_5 .fixedCount_5 a {display: inline-block;  *display:inline;zoom: 1;vertical-align: top;margin: 0 4px;width: 11px;height: 11px;border-radius: 11px;line-height: 11px;text-align: center;background: #fff!important;cursor: pointer;text-indent:-9999px;padding:0px!important;}
.fixedPositionDiv_5 .fixedCount_5 .seld { background: #0069a1!important; }